<template>
  <div id="content">
    <article>
      <p v-if="info" class="operate_tip">上次操作结果：{{info}}</p>
      <section>
        <h3>初始化分类数据(设置左右值)</h3>
        <DataInitial />
      </section>
      <section>
        <h3>导入页面信息</h3>
        <PageInput />
      </section>
    </article>
    <aside>
      <ServerFile id="server_sys_page"/>
    </aside>
  </div>
</template>
<script>
import DataInitial from "../components/DataInitial.vue";
import PageInput from "../components/PageInput.vue";
import ServerFile from "../components/ServerFile.vue";


export default {
  components: { DataInitial,PageInput,ServerFile },
  name: 'Edit',
  data() {
    return {
      info : this.$route.query.res,
    }
  },
  methods: {
    alertTip(){
      if (this.info) {
        window.alert(this.info);
      }
    },
    look(){
      const pic_require = axios.create({
        baseURL: "",
      });
      pic_require({
        url: "/apiRemote",
        method:'GET',
      }).then((res) => {
        console.log(res['data']);
        this.page = res['data'];
      });
    }
  },
  mounted() {
    // this.look();
    this.alertTip();
  },
};
</script>
<style scoped>

/* #server_sys_page{
  border: 3px solid orange;
  margin-left: 5px;
  min-height: 230px;
  height: auto;
} */
aside{
  width: 30%;
}
article{
  width: 70%;
  border-right: 1px solid greenyellow;
}
#content{
  display: flex;
  justify-content:space-between
}
</style>